<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
</body>
<script>

    window.onload = function () {
        /**
         * 键盘事件：
         *  onkeydown：按下按键时触发
         *   - 连续触发时，第一次和第二次之间会有停顿
         *      这种设计是为了防止误操作发生
         *  onkeyup：松开按键时触发
         *
         *  键盘事件一般都绑定给一些可以获取焦点的对象或者是document
         */

        // document.onkeydown = function (event) {
        //     event = event || window.event;
        //     /**
        //      * 通过event.key属性可以获取按下的按键名称
        //      * 通过keyCode属性可以获取按键的ASCII码
        //      * altKey：alt键是否按下
        //      * ctrlKey：ctrl键是否按下
        //      * shiftKey：shift键是否按下
        //      */
        //     console.log(event.key)
        // }
        //
        // document.onkeyup = function () {
        //     console.log("松开按键")
        // }


        var input = document.getElementsByTagName("input")[0];
        input.onkeydown = function (event) {
            event = event || window.event;

            // 禁止输入数字（keyCode 48 ~ 57 对应 0 ~ 9）
            if (event.keyCode >= 48 && event.keyCode <= 57) {
                return false;
            }

            // 如果你也想禁用小键盘上的数字（NumPad 0~9，keyCode: 96~105）
            if (event.keyCode >= 96 && event.keyCode <= 105) {
                return false;
            }
        }


    }
</script>
</html>
